<template>
	<view class="start">
		<swiper @change="navigateTo" :circular="circular" indicator-dots indicator-color="#abffab"
			indicator-active-color="#fbb" :autoplay="autoplay" interval="3000">
			<swiper-item>
				<image src="https://mvideopic.bdstatic.com/mvideo/d7049e6bc4add27c0713997081cf3fa3.jpg?for=bg"></image>
			</swiper-item>
			<swiper-item>
				<image src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg2.doubanio.com%2Fview%2Fgroup_topic%2Fl%2Fpublic%2Fp463573533.jpg&refer=http%3A%2F%2Fimg2.doubanio.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1670496848&t=475cd79ec01c4a01d10fcf119f15f1d3"></image>
			</swiper-item>
			<swiper-item>
				<image src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Finews.gtimg.com%2Fnewsapp_bt%2F0%2F14702082068%2F641&refer=http%3A%2F%2Finews.gtimg.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1670496615&t=603841c1d91a4b84ea9dd18f16fbe9f1"></image>
			</swiper-item>
		</swiper>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				circular: true,
				autoplay: true
			}
		},
		methods: {
			navigateTo(e) {
				// if (e.detail.current == 0) {
				// 	uni.redirectTo({
				// 		url: "/pages/index/index"
				// 	});
				// }
			}
		}
	}
</script>

<style>
	.start,
	image {
		width: 100%;
		height: 100vh;
		background-color: black;
	}

	swiper,
	swiper-item {
		width: 100%;
		height: 100vh;
	}
</style>
